.el-container {
    width: 100%;
    height: 100%;
    :deep(.el-aside) {
      width: auto;
      background-color: var(--el-menu-bg-color);
      border-right: 1px solid var(--el-aside-border-color);
      .aside-box {
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: width 0.3s ease;
        .el-scrollbar {
          height: calc(100% - 55px);
          .el-menu {
            width: 100%;
            overflow-x: hidden;
            border-right: none;
          }
        }
        .logo {
          box-sizing: border-box;
          height: 55px;
          .logo-img {
            width: 28px;
            object-fit: contain;
            margin-right: 6px;
          }
          .logo-text {
            font-size: 21.5px;
            font-weight: bold;
            color: var(--el-aside-logo-text-color);
            white-space: nowrap;
          }
        }
      }
    }
    .el-header {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 55px;
      padding: 0 15px;
      background-color: var(--el-header-bg-color);
      border-bottom: 1px solid var(--el-header-border-color);
    }
  }
  